<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black" >
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-100486036-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'UA-100486036-1', {
            'linker': {
                'domains': ['horseen.com', 'es.horseen.com', 'zoosnet.net']
            }
        });


        window.addEventListener("message", function(e){
            let data = e.data;
            data = JSON.parse(data);
            let msg = data.message;
            let isFromIframe = e.origin.includes('dut.zoosnet.net');
            if(isFromIframe){
                if (msg === "CV_complete") {
                    gtag('event', 'send', {
                        'event_category': 'live chat'
                    });
                }
            }
        })
    </script>
    <!--<script async src="https://www.googletagmanager.com/gtag/js?id=UA-100486036-1"></script>-->
    <!--<script>-->
        <!--window.dataLayer = window.dataLayer || [];-->
        <!--function gtag(){dataLayer.push(arguments);}-->
        <!--gtag('js', new Date());-->

        <!--gtag('config', 'UA-100486036-1');-->
    <!--</script>-->
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
            'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-N8TDJW2');</script>
    <!-- End Google Tag Manager -->
    <link rel="shortcut icon" href="/favicon5.png">
    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
    <meta http-equiv="X-UA-Compatible" content="Chrome=1,IE=Edge" />
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title><{if condition="(isset($title))"}><{$title}><{else/}>HORSE<{/if}></title>
    <meta name="keywords" content="<{if condition="(isset($keywords))"}><{$keywords}><{else/}><{/if}>" />
    <meta name="description" content="<{if condition="(isset($description))"}><{$description}><{else/}><{/if}>" />
    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="/static/css/common.css?v=1" />
    <link rel="stylesheet" type="text/css" href="/static/css/style.css" />
    <!--[if lt IE 9]>
    <script src="/static/js/html5shiv.min.js"></script>
    <script src="/static/js/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="/static/js/jquery-1.11.1.min.js"></script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8TDJW2"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<style type="text/css">
    #sb_gjj_s li{
        width:auto;
    }
    #sb_gjj_s li a{
        white-space: nowrap;
    }
    .navbar-left ol li{
        width:auto;
    }
    .navbar-left li{
        width:auto;
    }
</style>

<style type="text/css">
    <{php}>
    if($_SERVER['HTTP_HOST'] == 'ar.horseen.com'){
        echo "html{direction:rtl;}";
    }
    <{/php}>
    body{
        padding-bottom:42px;
    }
    .bottom-nav{
        width:100%;
        position:fixed;
        left:0;right:0;
        bottom:0;
        background: #990000;
        font-size:1rem;
        line-height:1rem;
        z-index: 1000;
        color: white;
        text-align: center;
    }
    .bottom-nav ul{margin:0;padding:0;width:100%;}
    .bottom-nav ul li{
        float:left;width:25%;
        box-sizing:border-box;
        border-left:1px solid white;
        padding:0.4rem 0;
        color:white;
        font-size:4vw;
        line-height:5vw;
    }
    .bottom-nav ul li img{
        margin:0;padding:0;
    }
    .col-lg-2{width:16%;}
    input{
        font-size:16px !important;
    }
    textarea{
        font-size:16px !important;
    }
</style>
<div class="bottom-nav hidden-lg hidden-md hidden-sm " >
    <ul>
        <a href="/">
            <li>
                <div><img src="/static/images/home.png" style="height:1.3rem;width:1.3rem;" /></div>
                <{:lang('home')}>
            </li>
        </a>
        <a href="/<{php}> echo $query->U('index/product/syscat');<{/php}>">
            <li>
                <div><img src="/static/images/product.png"   style="height:1.3rem;width:1.3rem;" /></div>
                <{:lang('product')}>
            </li>
        </a>
        <a href="https://dut.zoosnet.net/LR/Chatpre.aspx?id=DUT58172512&lng=en">
            <li>
                <div><img src="/static/images/bottom-nav-message.png" style="height:1.3rem;width:1.3rem;" /></div>
                <{:lang('messages_messages')}>
            </li>
        </a>
        <a href="/<{php}> echo $query->U('index/contact/index');<{/php}>">
            <li>
                <div><img src="/static/images/contact1.png" style="height:1.3rem;width:1.3rem;" /></div>
                <{:lang('contact')}>
            </li>
        </a>
    </ul>
</div>


